<template>
  <div class="mt-16 sm:mt-20">
    <div class="-my-4 flex justify-center gap-5 overflow-hidden py-4 sm:gap-8">
      <div
        v-for="i in 5"
        :key="i"
        :class="['relative aspect-9/10 w-44 flex-none overflow-hidden rounded-xl bg-zinc-100 sm:w-72 sm:rounded-2xl dark:bg-zinc-800', i % 2 === 0 ? 'rotate-2' : '-rotate-2']"
      >
        <div class="absolute inset-0 bg-gradient-to-br from-primary-500/20 to-amber-500/20" />
      </div>
    </div>
  </div>
</template>
